<template>
  <van-row class="classify">
    <van-col :span="6" v-for="c in 11" :key="c">
      <div class="c">
        <div class="icon">
          <img src="../image/swipe2.jpeg" />
        </div>
        <div class="txt">类型{{ c }}</div>
      </div>
    </van-col>
    <van-col :span="6">
      <div class="c">
        <div class="icon">
          <i class="iconfont icon-more"></i>
        </div>
        <div class="txt">更多分类</div>
      </div>
    </van-col>
  </van-row>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.classify {
  margin: 0.6rem 0.4rem;
  background: white;
  border-radius: 0.4rem;

  > div {
    .fa(center);

    .c {
      width: 100%;
      padding: 0.4rem 0;

      .icon {
        .fj(center);

        > img {
          width: 60%;
        }

        > i {
          font-size: 1.2rem;
        }
      }

      .txt {
        padding-top: 0.32rem;
        font-size: 0.48rem;
        text-align: center;
      }
    }
  }
}
</style>